<template>

  <div>
      <div id="fenlei">
          <div class="left">
              <router-link to="rexiao" @click="fun()">热销爆款</router-link>
              <router-link to="zhaopai">招牌果品</router-link>
              <router-link to="caomei">草莓/车厘子</router-link>
              <router-link to="ganju">柑橘橙柚</router-link>
              <router-link to="pingguo">苹果蕉梨</router-link>
              <router-link to="puti">葡提浆果</router-link>
              <router-link to="ganguo">干果/饮品</router-link>
              <router-link to="xigua">西瓜/蜜瓜</router-link>
              <router-link to="redaiguo">热带果/其他</router-link>
              <router-link to="guolan">果篮礼盒</router-link>
              <router-link to="coudan">凑单专区</router-link>
              <router-link to="quanguo">全国送</router-link>
          </div>
          <div class="right">
              <router-view></router-view>
          </div>
      </div>
      
  </div>
  
</template>

<script>
export default {

}
</script>

<style scoped>
#fenlei{
    width: 100%;
    height: 7rem;
    overflow: auto;
}
   .left{
    width: 22%;
    height: 100%;
    float: left;
  }
  .right{
    width: 78%;
    height: 100%;
    float: right;
  }
  .left a{
    display: inline-block;
    width: .82rem;
    height: .4rem;
    text-align: center;
    font-size: .14rem;
    line-height: .25rem;
    background: rgb(247,247,247);
  }
  .left a.router-link-active{
    background: white;
  }
</style>